<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pie chart</title>
    <script src = "https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
    <div id = 'main' style ='width: 600px;height:400px;border:2px solid blue'></div>
<script type = 'text/javascript'>
    var myEcharts = echarts.init(document.getElementById('main'));
    var option ={
        title:{text:'某APP用户统计',left:'75%'},
        series:[{roseType:'angle',itemStyle:{normal:{shadowBlur: 10, shadowColor: 'rgba(0, 0, 0, 0.5)'}
                         },center:['50%','50%'],type:'pie',radius:'80%',data:[
                        {value:183472, name:'流失用户'},
                        {value:26546, name:'回流用户'},
                        {value:52490, name:'连续活跃用户'},
                        {value:19100, name:'新用户'},
                        {value:0, name:'活跃用户'}]}]
    };
    myEcharts.setOption(option);
</script>

</body>
</html>
